<!-- 
  搜索记录标签
 -->
<template>
  <div class="row">
    <div v-for="i in arr" :key="i">{{ i }}</div>
  </div>
</template>

<script setup lang="ts">
const arr =["健身房","化妆品品牌", "音乐节门票", "二手车交易平台", "手机壳设计", "时尚穿搭"]
</script>

<style lang="scss" scoped>
.row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow-x: scroll;
    div{
        padding: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
        border-radius: 25px;
        border: 2px solid #2d2c29;
    }
}
</style>
